草庐IT

CSS 响应中心 Div

全部标签

javascript - 拖动并插入 div 到另一个 div

我正在尝试设计一种可以将一个div拖放到另一个div中的功能。例如:我想让#1可拖动(我知道它可以用jQuery完成,所以可拖动不是我的问题的一部分),然后将#1拖到#2上,当mouseup时,#2可以插入到#1中有人可以向我解释如何实现吗? 最佳答案 你可以通过使用jQueryUI'sSortable来简化这个过程WorkingExample$(document).ready(function(){addElements();$(function(){$("#list1,#list2").sortable({connectWith

javascript - jquery $.ajax 调用在 Chrome 或 Firefox 中导致 401 未经授权的响应,但在 IE 中有效

我有一个在网页上运行的脚本,它需要使用JQuery$.ajax方法(当前使用jquery1.7.2)向不同域上的服务端点提交多个GET请求。我的ajax调用在IE(9、10、11)中工作,但它在Firefox和Chrome中失败并显示401Unauthorized响应。Chrome中的部分附加错误消息是“访问此资源需要完整身份验证”。我的ajax调用设置如下(对于这些失败的请求,数据类型为“json”,异步为真):$.ajax({url:url,type:"GET",async:isAsync,dataType:dataType,username:user,password:pswd,

javascript - 自动完成 HTML 中可用的 CSS 类 Eclipse 中的 JavaScript jQuery

我使用的是最新的Eclipse版本。现在我正在使用Javascript、jQuery、HTML和CSS进行编码。对于我在CSS中定义并以HTML显示的类,如何获得自动完成(显示在CSS中定义的所有可用类)?我的CSS文件中有一个名为“display”的类。文件.css:.display{background:green;}如何获取使用自动完成建议的显示类?HTML:我需要什么样的插件/插件? 最佳答案 与Eclipse安装捆绑在一起的默认WTP插件不支持此功能。您将必须安装扩展插件(WTPWebresources)。转到“帮助”->

javascript - 多部分 HTTP 响应

目标是一个Node.js/hapiAPI服务器用两件事来响应浏览器的AJAX请求:媒体文件(例如图像)包含文件元数据的JSON对象这是两个单独的项目,只是因为二进制数据不能轻易地存储在JSON中。否则,这将是一个单一的资源。尽管如此,最好将它们在单个响应中发送。我们使用multipart/form-data在单个请求中上传这些。在这种情况下,浏览器提供了一种内置机制来序列化主体,并且大多数服务器端框架都知道如何解析它。但是如何在相反的方向对响应做同样的事情呢?也就是说,服务器应该如何序列化主体以将其传输给客户端?据我所知,multipart/mixed可能是一种有用的内容类型。但是很少

javascript - 获取 'ngbCollapse' 因为它不是 'div' 的已知属性。将组件移入子模块后出错

错误compiler.js:215UncaughtError:Templateparseerrors:Can'tbindto'ngbCollapse'sinceitisn'taknownpropertyof'div'.("][ngbCollapse]="isHidden">我有一个NavbarComponent和一个FooterComponent,我想将它们移到SharedModule中,以保持根app.module更干净。app.moduleimport{AdminComponent}from'./admin/admin.component';//import{NavbarCompo

javascript - 获取 DOM 元素的所有 css 样式(类似于 Firebug)

对于DOM元素,如何获取特定元素在css中指定的所有样式?是遍历所有css样式名的情况吗?或者有更优雅的方式吗?Firebug是如何做到的?谢谢 最佳答案 你应该可以用getComputedStyle得到它:varcss=window.getComputedStyle(element);for(vari=0;i但是,此方法返回计算样式,这意味着它将执行一些计算并将您的值转换为px。例如,如果您的行高为1.2,那么它将返回为57.6px而不是1.2 关于javascript-获取DOM元素

javascript - 在div中隐藏滚动条

有没有办法使用css隐藏滚动条同时仍然保持其功能?甚至使其透明或与背景颜色相同也可以。我必须在JavaScript中执行此操作吗? 最佳答案 .className{overflow:auto;overflow-y:hidden;}我相信用户将不得不使用鼠标滚轮滚动也兼容IE... 关于javascript-在div中隐藏滚动条,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/496

javascript - Ruby on Rails,json 与 js ajax 响应

我很好奇响应ajax请求的最佳方式是什么,它是发送json,然后在客户端解析它(例如使用pure)还是我应该在服务器端呈现javascript和返回结果(使用js.erb模板)? 最佳答案 使用js.erb模板往往更简单,并鼓励您将应用程序逻辑保留在RailsController中。对于传统应用程序,几乎没有应用程序逻辑是用javascript处理的,这可能是一件好事。另一方面,使用JSON鼓励您将Rails应用程序更多地开发为一个API服务器,用于大量使用javascript的客户端应用程序。如果您希望通过ajax执行核心CRUD

javascript - 更改 css 链接并等待新的 css 加载

我想知道是否可以更改加载文档的样式表链接,然后等到新的css加载完毕,然后运行适当的js代码谢谢你的建议 最佳答案 html:代码:$("#mystylesheet").load(function(){//Yourjavascript}).attr("href","/new/path/to/css.css");这将替换您当前的CSS,并在获取新的CSS文件后执行.load()处理程序中的任何代码。 关于javascript-更改css链接并等待新的css加载,我们在StackOverfl

javascript - 是否有现有或即将推出的 CSS3 选择器来匹配属性名称的子字符串?

您可以执行[foo^="bar"]来匹配具有foo属性且值以bar开头的节点。有没有办法匹配具有以特定字符串开头的属性name的节点?这个用例是用data-*属性匹配所有节点。编辑:我尝试这样做的原因是为了避免遍历所有节点以查找这些属性(出于性能原因)。我将使用querySelectorAll及其针对旧版浏览器的Sizzlepolyfill。 最佳答案 一种方法是使用.filter()方法:$('element').filter(function(){return$.grep(this.attributes,function(val